<!DOCTYPE HTML>
<html manifest="">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10, user-scalable=yes">

    <title></title>
    <style>
        .loading-circle {
            box-sizing: border-box;
            width: 100px;
            height: 100px;
            border-radius: 100%;
            border: 10px solid rgba(20, 10, 10, 0.2);
            border-top-color: #2196f3;
            animation: spin 1s infinite linear;
        }


        @keyframes spin { 
            100% { 
                transform: rotate(360deg); 
            } 
        } 

    </style>
    <!-- The line below must be kept intact for Sencha Cmd to build your application -->
    <script id="microloader" data-app="a8c9aa91-035c-42be-b1cd-8ebf9928ae96" type="text/javascript" src="bootstrap.js"></script>

</head>
<body>
    <div id="splash" style="width: 100%;height: calc(100vh - 20px);display:table;">
        <div style="display: table-cell;vertical-align:middle;text-align: center;">
            <div style="display:inline-block;height:100px;width:100px;">
                <div class="loading-circle"></div>
                <div style="font-weight:bold;color:#2196f3;line-height:20px;margin-top:-60px;" id="loadingText"> Loading...
                </div>
            </div>
        </div>
    </div>


</body>
</html>
